<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>电影票</title>
    <style>
        body{
            width: 400px;
            /* border: 1px red solid; */
        }
        td{
            border: 1px solid;
            border-color: orange;
            border-radius: 10px;/*圆角*/
            font-size: 5px;
        }
        .effect{
            color: orange;
            /* border: 1px solid; */
            padding-left: 280px;
        }
        div{
            font-size:20px;
            font-weight: bold;
        }
    </style>
</head>
<body>

    <div>
        <img src="img/movie.png" alt="" width="390px">
    </div>
    <div class="effect">无副券无效</div>
    <table >
        <tr>
            <td colspan="2">
                <!-- div标签会自动换行 -->
                <div>店名:太平洋影城（王府井店）</div>
                SHOP NAME
            </td>
        </tr> 
        <tr>
            <td>
                <div>影厅:8楼9厅</div>
                HALL 续租3D眼镜
            </td>
            <td>
                <div>时间:01-03 17:40</div>
                TIME
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <div>片名:地球最后的夜晚（数字中文3D）</div>
                MOVIE
            </td>
        </tr>
        <tr>
            <td>
                <div >座号:4排5座</div>
                SEAT
            </td>
            <td rowspan="2">
                <div>票价: 27.50</div>
                PRICE
                <div>服务费: &nbsp;2 </div>
                SERVICE CHARGE
            </td>
        </tr>
        <tr>
            <td>
                <div>票类: 网络售票</div>
                TYPE
            </td>
            
        </tr>
        <tr>
            <td>
                <div>售票时间: 01-03 13:58</div>
                TICKET HOURS
            </td>
            <td>
                <div>工号: 悦影汇网售</div>
                STAFF NO
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <!-- float:left 向左浮动 -->
                <div style="float:left"><img src="img/1612252372.png" alt=""  width="150px"></div>
                <div style="padding: 70px 0px 0px 180px ;">影票一经售出<br/>概不退换</div>
            </td>
        </tr>
        <tr>
            <td colspan="2">
               <div>票号 10000000035673</div>
                NO
            </td>
        </tr>
    </table>
</body>
</html>